// 选中所有图片
var $imgs = $('.carousel .pic img');
var radius = 360 / $imgs.length;
var range = 250;
var delayTime = 0.2;
// 使用延时器
setTimeout(init,1000)
function init() {// 批量改变图像位置
$imgs.each(function (i) {
    // $(this) 表示每次遍历的元素
    // i 表示的是每次遍历的元素在数组的下标
    $(this).css({
        'transform': `rotateY(${radius * i}deg) translateZ(${range}px)`,
        //  'transform': 'rotateY(' + radius * i + 'deg) translateZ(' + range + 'px)',
        // 让最后一个元素先动，延迟时间不一样
        'translation-delay':($imgs.length-i-1)*delayTime+'s'
    })
})
// 让 pic 自己运动
    $('.pic').css({
        'animation': 'picScroll 30s linear infinite'
    })
}